import { defineStore } from 'pinia'

let state = {
  // 默认 primary 主题颜色
  primary: '#305f89',
  // 白色背景
  bgWhite: '#ffffff',
  // 边框曲折度
  borderRadius: '3px',
  // 是否开启黑色模式
  isDark: false,
}

// 从缓存中读取预设的样式配置
const config = localStorage.getItem('styleConfig')
if (config) {
  state = JSON.parse(config)
}

// 第一个参数是应用程序中 store 的唯一 id
export const styleConfig = defineStore('styleConfig', {
  state: () => state,
  actions: {
    // 单独设立一个设置是否黑色的方法，这个因为在header上要用到
    setIsDark(type: boolean) {
      this.isDark = type
    },
  },
})
